doctype html
html
    head
        link(rel='stylesheet', href='/stylesheets/style.css')
        link(rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css")

        script(src="//code.jquery.com/jquery-1.9.1.js")
        script(src='//code.jquery.com/ui/1.10.4/jquery-ui.js')

        style
            #draggable { width: 150px; height: 150px; padding: 0.5em; }

        script.
            $(function() {
              $( "#draggable" ).draggable( {revert: false} );
              $( "#resizable" ).resizable();
            });

            $(function() {
              $( "#datepicker" ).datepicker();
            });

        title Example
    body
        script(type='text/javascript').
            function showTables() {
              document.location.href='/showTables/' + document.getElementById('server').value;
            }

            function showConnection() {
              document.location.href='/showConnection/' + document.getElementById('server').value;
            }

            function show_worldBossRank() {
              document.location.href='/showWorldBossRank/' + document.getElementById('server').value;
            }


        ul
            li
                a(href="/jjaehuny_test") jjaehuny_test
            li
                a(href="/startup_test") startup_test

        p(class="TextBox") Date:
        input(type="text" id="datepicker")
        button test

        br
        br
        br

        table(class="TableLine1")
            tr
                td
                    select(name="server" id="server" class="ui-widget-content")
                        option(value="Test") Test
                        option(value="Real") Real

            tr
                td =================================
                td =================================

            tr
                td
                    li
                        a(href='javascript:showTables()') show Tables

            tr
                td =================================
                td =================================

            tr
                td
                    label find info_login
                td
                    label socialid :
                td
                    input(type="text" value="socialid" id="socialid")
                    button(onclick="location.href='/findFromSocialid/' + document.getElementById('server').value + '&' + document.getElementById('socialid').value") find

            tr
                td
                    label info_login find from seq
                td
                    input(type="text" value="seq" id="seq2")
                    button(onclick="location.href='/info_login_findFromseq/' + document.getElementById('server').value + '&' + document.getElementById('seq2').value") find

            tr
                td =================================
                td =================================

            tr
                td
                    label info_user find from socialid
                td
                    input(type="text" value="socialid" id="socialid2")
                    button(onclick="location.href='/info_user_findFromSocialid/' + document.getElementById('server').value + '&' + document.getElementById('socialid2').value") find

            tr
                td
                    label info_user find from user_seq
                td
                    input(type="text" value="seq" id="seq")
                    button(onclick="location.href='/findFromSeq/' + document.getElementById('server').value + '&' + document.getElementById('seq').value") find
            tr
                td
                    label info_user find from nickname
                td
                    input(type="text" value="nickname" id="nickname")
                    button(onclick="location.href='/findFromNickname/' + document.getElementById('server').value + '&' + document.getElementById('nickname').value") find
            tr
                td =================================
                td =================================
            tr
                td
                    li
                        a(href='javascript:showConnection()') show Connections

            tr
                td =================================
                td =================================
            tr
                td
                    li
                        a(href='javascript:show_worldBossRank()') show worldBossRank

            tr
                td =================================
                td =================================

            tr
                td
                    label update env_config block
                td
                    input(type="text" value="1" id="block")
                    button(onclick="location.href='/update_env_config_block/' + document.getElementById('server').value + '&' + document.getElementById('block').value") update
            tr
                td =================================
                td =================================

            tr
                td
                    label update resource_contents_open
                td
                    select(name="server" id="content" class="ui-widget-content")
                        option(value="vip") vip
                        option(value="none") none
                    input(type="text" value="1" id="open")
                    button(onclick="location.href='/update_resource_contents_open/' + document.getElementById('server').value + '&' + document.getElementById('content').value + '&' + document.getElementById('open').value") update

            tr
                td =================================
                td =================================

            tr
                td
                    label PVP등수 / 참여 친구수
                td
                    input(type="text" value="user_seq" id="user_seq")
                    button(onclick="location.href='/getPVPInfo/' + document.getElementById('server').value + '&' + document.getElementById('user_seq').value") find

            tr
                td =================================
                td =================================

            tr
                td
                    label PVP 횟수
                td
                    input(type="text" value="user_seq" id="user_seq_pvp")
                    button(onclick="location.href='/pvpCount/' + document.getElementById('server').value + '&' + document.getElementById('user_seq_pvp').value") find

            tr
                td =================================
                td =================================


            tr
                td
                    label VIP UPDATE
                td
                    input(type="text" value="user_seq" id="user_seq_vip")
                    input(type="text" value="point" id="vip_point")
                    button(onclick="location.href='/updateVIPPoint/' + document.getElementById('server').value + '&' + document.getElementById('user_seq_vip').value + '&' + document.getElementById('vip_point').value") update